<template>
  <div>
    <h3>老师姓名：</h3>{{name}}
    <h3>职务</h3>{{grade}}
    <h3>年龄</h3>{{age+1}}<input type="Number" v-model="age"/>
  </div>
</template>

<script>
export default {
  name:'Teacher',
    data(){
        return{
        // name:"Tina",
        // grade:"初三班主任",
        age2:this.age
        }
    },
    // props:['name','grade','age'], //第一种简单接收方式
    
    ////第二种：设定参数类型
    // props:{
    //   name:String,
    //   grade:String,
    //   age:Number
    // },

    ////第三种：设定参数类型
    props:{
      name:{
        type:String,
        required:true //必传配置true
      },
       age:{
        type:Number,
        default:99 //默认值
      },
      grade:{
        type:String,
      }
    }
   
}
</script>

<style>

</style>